﻿	<nav class="navbar navbar-default" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>    
		</div>
		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-left">
				<li>
                    <a href="#" id="introducing_sideshow">
                        <img src="images/SPPSSlogo.png">MOTIVZ
                    </a>
                </li>
				<li>
                    <a href="#menu-toggle" id="menu-toggle">
                        <span id="glyphLeftMenu" class="glyphicon glyphicon-chevron-left"></span> SHOW/HIDE NAV
                    </a>
                </li>
                <!--
				<li><a href="#"><span class="glyphicon glyphicon-dashboard"></span> Dashboard</a></li>
				<li><a href="#">My Jobs</a></li>
                -->
			</ul>
			<ul class="nav navbar-nav navbar-right">
                <!--
				<li><a href="#" class="btn btn-default" data-toggle="modal" data-target="#"><span class="glyphicon glyphicon-exclamation-sign"></span> Alerts</a></li>
				<li><a href="#" class="btn btn-default" data-toggle="modal" data-target="#"><span class="glyphicon glyphicon-search"></span> Search</a></li>
                <li>
                    <a href="#" class="btn btn-default" data-toggle="modal" data-target="#">
                        MOTIVZ <span class="badge">V 0.0.2 </span>
                    </a>
                </li>
                -->
			</ul>
		</div>
	</nav>
    <!-- Menu Toggle Script -->
    <script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
    });
    </script>
